/**
 * polo练习，首页样式
 */

/* 设置body */
body {
	/* 设置背景图片水平方向重复 */
	background: url(../exercise/img/bg_top.png) repeat-x;
}

/**
 * 解决高度塌陷
 */
.clearfix:before,
.clearfix:after{
	content: "";
	display: table;
	clear: both;
}
.clearfix{
	zoom: 1;
}

/**
 * 固定元素的宽，居中
 */
.w {
	width: 940px;
	margin: 0 auto;
}

/*** 设置header样式**************start*********************************************/
.header {
	/* 设置内边距 */
	padding-top: 37px;
	padding-bottom: 46px;
}

/**
 * 设置logo
 */
.logo {
	margin-left: 15px;
}

/**
 * 设置导航条
 */
.nav {
	float: right;
	margin-top: 22px;
}

.nav li {
	float: left;
	/* 设置左右边距 */
	padding: 0px 9px 10px;
	/* 设置左边框 ，IE6不支持dotted*/
	border-left: #d6d6d6 1px dotted;
}

.nav a {
	font: bold 14px Georgia;
	text-decoration: none;
	color: #666666;
}

.nav a:hover {
	color: #a1a1a1;
	text-decoration: underline;
}

/**
 * 在chrome中，最小字体支持到12px
 * 1-11px都是12px
 */
.nav li p {
	font: 11px Tahoma;
	color: #b7b7b7;
}

/*** 设置header样式**************end*********************************************/

/*** banner*******************************start***********************/
.banner {
	height: 356px;
	background: url(../exercise/img/banner_shadow.png) no-repeat bottom center;
	/* 开启相对定位，用于指定dot的绝对定位原点 */
	position: relative;
}

/* 设置指示器 */
.dotDiv {
	/* 开启绝对定位，不占据原有位置 */
	position: absolute;
	/* 设置定位 */
	left: 14px;
	top: 314px;
}

.dotDiv a {
	float: left;
	width: 17px;
	height: 17px;
	background: url(../exercise/img/dot_normal.png) no-repeat;
	margin-left: 4px;
}

.dotDiv .dotTwo,
.dotDiv a:hover {
	background: url(../exercise/img/dot_selected.png) no-repeat;
}

/*** banner*******************************end***********************/

/*** content*******************************start***********************/
.content{
	/* background-color: red; */
}
.content h1{
	/* 设置文本居中 */
	text-align: center;
	/* 设置字体样式 */
	font: bold 24px Georgia;
	/* 设置上下内边距 */
	padding: 6px 0px 20px;
	/* 设置背景 */
	background: url(../exercise/img/divider.png) no-repeat bottom center;
	margin-bottom: 30px;
}
/* 中间的三个div */
.content .pl , .content .cs , .content .uc,
.contact .sc , .contact .cc , .contact .nu{
	/* 设置浮动 ,注意content这时候已经高度塌陷了*/
	float: left;
	width: 300px;
	/* height: 100px; */
	/* background-color: #bfa; */
}
/* 中间的div */
.content .cs,
.contact .cc{
	margin:0px 20px;
}
/* 设置content里的pl */
.content h2{
	color: #11719e;
	font: 21px Georgia;
}
.content .subTitle{
	color: #8c8c8c;
	font: 12px helvetica;
}
.content .subImgDiv{
	width: 299px;
	height: 190px;
	margin: 16px 0px 10px 0px;
	background: url(../exercise/img/bg_img.png) no-repeat;
	/* 设置内容水平居中 */
	text-align: center;
	/* 设置上内边距，注意这时div高度受到影响+12px，所以高度202需要-12 */
	padding-top: 12px;
}
.content .subContent{
	height: 88px;
	margin: 14px 5px 0px;
	font: 13px helvetica;
	color: #3e3e3e;
}
.content .learnMore{
	/* 转为block */
	display: block;
	width: 163px;
	height: 40px;
	background: url(../exercise/img/learn_more.png) no-repeat;
	text-indent: 1em;
	margin: 17px 0px 30px 5px;
	text-decoration: none;
	color: #016999;
	font: 12px helvetica;
	line-height: 40px;
}
/*** content*******************************end***********************/

/*** contact*******************************start***********************/
.contact{
	background: url(../exercise/img/divider.png) no-repeat top center;
}
.contact .sc , .contact .cc , .contact .nu{
	/* height: 300px; */
	/* background-color: #bfa; */
}
/* 设置标题 */
.contact h2{
	color: #444444;
	font: 18px/1 Georgia;
	border-bottom: 1px #d3d3d3 dashed;
	/* 设置内边距 */
	padding: 36px 0px 10px;
	margin-bottom: 15px;
}
.contact .txt{
	width: 276px;
	height: 33px;
	line-height: 33px;
	background: url(../exercise/img/bg_input.png) no-repeat;
	/* 单独为IE6设置背景不随元素滚动 */
	_background-attachment: fixed;
	/* 去除默认边框 */
	border: none;
	/* 去除默认内外边距,设置左右内边距后宽度增加了，width296要减去 */
	padding: 0px 10px;
	margin: 0px 0px 16px;
	font: 10px Verdana;
}
.contact .area{
	width: 276px;
	height: 114px;
	background: url(../exercise/img/bg_textarea.png) no-repeat;
	/* 单独为IE6设置背景不随元素滚动 */
	_background-attachment: fixed;
	/* 去除默认边框 */
	border: none;
	/* 去除滚动条 */
	overflow: auto;
	/* resize调整文本域大小 */
	resize: none;
	/* 去除默认内外边距 */
	padding: 10px;
	margin: 0px;
	font: 10px Verdana;
}
.contact button{
	width: 163px;
	height: 32px;
	background: url(../exercise/img/bg_submit.png) no-repeat;
	/* 单独为IE6设置背景不随元素滚动 */
	_background-attachment: fixed;
	/* 去除默认边框 */
	border: none;
	/* 设置字体样式 */
	color: white;
	font: 13px Georgia;
	text-align: left;
	text-indent: 1em;
	/* 去除默认内外边距 */
	padding: 0px;
	margin: 11px 0px 23px;
	
	/* cursor设置鼠标指针的样式 */
	cursor: pointer;
}
.sc .scp{
	color: #444444;
	font: 12px/1 helvetica;
	margin-top: 14px;
}
.sc .icon{
	/* 设置字体大小为0，去除空格 */
	font-size: 0px;
	margin-top: 4px;
}
.sc .icon a{
	margin-right: 6px;
}
/* 设置左侧的第二个标题样式 */
.sc .sch2{
	font: bold 18px/1 "gill sans mt";
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 39px;
	margin-top: 34px\0;
}
/* 设置左侧的表单 */
.sc .txt{
	margin-top: 11px;
	margin-top: 15px\0;
	margin-bottom: 0px;
}

/* 设置右侧 */
.nu p{
	height: 58px;
	/* 单独为IE6设置高度 */
	_height:60px;
	color: #444444;
	font: 12px/1 helvetica;
	border-bottom: 1px #d3d3d3 dashed;
	margin-top:14px;
	margin-top:16px\0;
	padding-bottom: 9px;
}
.nu img{
	float: left;
	margin-right: 6px;
}
.nu .nuSend{
	_margin-left: -1em;
}
/*** contact*******************************end***********************/
/*** footer*******************************start***********************/
.footer{
	height: 173px;
	background-color: #333;
	/* 设置上边框 */
	border-top: 10px solid #4c4c4c;
}
/* 设置底部文字样式 */
.footer a,.footer p{
	color: #999;
	font: 11px helvetica;
	text-decoration: none;
}
.footer p{
	margin: 0px 23px 12px 8px;
}
.footer .w{
	padding-top: 18px;
}
.footer .copy{
	float: right;
	/* 处理IE6的双倍边距问题 */
	display: inline;
}
/*** footer*******************************end***********************/
